<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title></title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" href="../style.css" />
<link type="text/css" href="css/excite-bike/jquery-ui-1.8.13.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onload="MM_preloadImages('../images/button/save-after.png')">
  <div id="header">
		<div id="header-layer1">
			<div id="header-wrapper">
				<div class="logo align-left">
					<img src="../images/logo.png" alt="" class="logo-img" />
				</div>
				<div class="menu-link align-left">
					<!--
					<div class="header-nav">
						<ul>
							<li>
								<a href="">Link 1</a>
								<ul class="sub-menu">
									<li><a href="">Sub link 1</a></li>
									<li><a href="">Sub link 2</a></li>
								</ul>
							</li>
							<li>
								<a href="">Link 2</a>
								<ul class="sub-menu">
									<li><a href="">Sub link 1</a></li>
									<li><a href="">Sub link 2</a></li>
								</ul>
							</li>
						</ul>
					</div>
					-->
				</div>
				<div class="social align-right">
					<a href="" class="login-btn">Login</a><span class="sperator">|</span><a href="" class="join-with-btn">Join with <img src="../images/facebook.png" alt="" /></a>
				</div>
			</div>
		</div>
	</div>
	
	<div id="content">
		<div id="content-wrapper" align="center">
        	<!-- TemplateBeginEditable name="child-content" -->
            <div id="login_top" align="left">Add/Edit Class</div>
            <div>Name :<input name="" type="text" /></div>
            	<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','../images/button/save-after.png',1)"><img src="../images/button/save.png" name="Image3" width="154" height="55" border="0" id="Image3" /></a>
            <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis suscipit pharetra scelerisque. Nulla diam arcu, hendrerit at mattis eu, faucibus lacinia lacus.</div> 
             	
            <!-- TemplateEndEditable -->
		</div>
	</div>
	
	<div id="footer">
		<div id="footer-wrapper">
			<div class="copyright">
				<div class="facebook-like-btn align-left">
				</div>
				<div class="copy-text align-right">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis suscipit pharetra scelerisque. Nulla diam arcu, hendrerit at mattis eu, faucibus lacinia lacus. </p>
				</div>
			</div>
			<div class="footer-link">
				<div class="primary-link">
					<ul>
						<li><a href="">About us</a></li>
						<li><a href="">Blog</a></li>
						<li><a href="">FAQs</a></li>
						<li><a href="">Terms</a></li>
					</ul>
				</div>
				<div class="secondary-link">
					<ul>
						<li>
							<a href="" class="link-1">Link abcxyz 1 </a>
						</li><li>
							<a href="" class="link-2">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-3">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-4">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-5">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-6">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-7">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-8">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-9">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-10">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-11">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-12">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-13">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-14">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-15">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-16">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-17">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-18">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-19">Link abcxyz 1</a>
						</li><li>
							<a href="" class="link-20">Link abcxyz 1</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
</html>